<!DOCTYPE html>
<html lang="en">
<head>
<title>{{$ftitle->area_name}}地区</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="/Home/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="/Home/css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="/Home/css/medile.css" rel='stylesheet' type='text/css' />
<link href="/Home/css/single.css" rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="/Home/css/contactstyle.css" type="text/css" media="all" />
<link rel="stylesheet" href="/Home/css/faqstyle.css" type="text/css" media="all" />
<!-- news-css -->
<link rel="stylesheet" href="/Home/news-css/news.css" type="text/css" media="all" />
<!-- //news-css -->
<!-- list-css -->
<link rel="stylesheet" href="/Home/list-css/list.css" type="text/css" media="all" />
<!-- //list-css -->
<!-- font-awesome icons -->
<link rel="stylesheet" href="/Home/css/font-awesome.min.css" />
<!-- //font-awesome icons -->
<!-- js -->
<script type="text/javascript" src="/Home/js/jquery-2.1.4.min.js"></script>
<!-- //js -->
<!---<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300' rel='stylesheet' type='text/css'>--->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="/Home/js/move-top.js"></script>
<script type="text/javascript" src="/Home/js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- start-smoth-scrolling -->
<link href="/Home/css/owl.carousel.css" rel="stylesheet" type="text/css" media="all">
<script src="/Home/js/owl.carousel.js"></script>
<script>
	$(document).ready(function() { 
		$("#owl-demo").owlCarousel({
	 
		  autoPlay: 3000, //Set AutoPlay to 3 seconds
	 
		  items : 5,
		  itemsDesktop : [640,5],
		  itemsDesktopSmall : [414,4]
	 
		});
	 
	}); 
</script> 
</head>
	
<body>
<!-- header -->
@include('Home/profile');
<!-- //nav -->
<div class="general_social_icons">
	<nav class="social">
		<ul>
			<li class="w3_twitter"><a href="#">Twitter <i class="fa fa-twitter"></i></a></li>
			<li class="w3_facebook"><a href="#">Facebook <i class="fa fa-facebook"></i></a></li>
			<li class="w3_dribbble"><a href="#">Dribbble <i class="fa fa-dribbble"></i></a></li>
			<li class="w3_g_plus"><a href="#">Google+ <i class="fa fa-google-plus"></i></a></li>				  
		</ul>
  </nav>
</div>
<!-- comedy-w3l-agileits -->
	<div class="wthree-comedy">
	    <!-- /w3l-medile-movies-grids -->
			<div class="w3l-medile-movies-grids">
				<!-- /movie-browse-agile -->
				      <div class="movie-browse-agile">
					     <!--/browse-agile-w3ls -->
						<div class="browse-agile-w3ls general-w3ls">
								<div class="tittle-head">
									<h4 class="latest-text"><span style="color:blue;">{{$ftitle->area_name}} &nbsp;</span>地区大片</h4>
									<div class="container">
										<div class="agileits-single-top">
											<ol class="breadcrumb">
											  <li><a href="index.html">主页</a></li>
											 <!-- 面包屑 -->
											  <li class="active">{{$ftitle->area_name}}</li>

											</ol>
										</div>
									</div>
								</div>
							<div class="container">
									<!-- /latest-movies1 -->
							    <div class="browse-inner-come-agile-w3">
							    <!-- c以下为一部片子的内容  -->
							    @foreach($getarea as $ft)
							   <div class="col-md-2 w3l-movie-gride-agile">
										 <a href="{{url('Home/news-single',$ft->fid)}}" class="hvr-shutter-out-horizontal"><img src="/{{$ft->org_img}}" title="{{$ft->title}}" alt=" " style="width: 180px;height: 270px;"/>
									     <div class="w3l-action-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></div>
									</a>
									  <div class="mid-1">
										<div class="w3l-movie-text">
											<h6><a href="single.html">{{$ft->title}}</a></h6>							
										</div>
										<div class="mid-2">
										
											<p>{{$ft->period}}</p>
											<div class="block-stars">
											<ul class="w3l-ratings">
												@if($ft->score<=20)		
												 <li><i class="fa fa-star" aria-hidden="true"></i></li>
												 <li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>
												 <li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>
												 <li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>
												<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>
												@elseif($ft->score<=40)
												<li><i class="fa fa-star" aria-hidden="true"></i></li>
												<li><i class="fa fa-star" aria-hidden="true"></i></li>
												<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>
												<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>
												<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>
												@elseif($ft->score<=60)
												<li><i class="fa fa-star" aria-hidden="true"></i></li>
												<li><i class="fa fa-star" aria-hidden="true"></i></li>
												<li><i class="fa fa-star" aria-hidden="true"></i></li>
												<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>
												<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>
												@elseif($ft->score<=80)
												<li><i class="fa fa-star" aria-hidden="true"></i></li>
												<li><i class="fa fa-star" aria-hidden="true"></i></li>
												<li><i class="fa fa-star" aria-hidden="true"></i></li>
												<li><i class="fa fa-star" aria-hidden="true"></i></li>
												<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>
												@elseif($ft->score<=100)
												<li><i class="fa fa-star" aria-hidden="true"></i></li>
												<li><i class="fa fa-star" aria-hidden="true"></i></li>
												<li><i class="fa fa-star" aria-hidden="true"></i></li>
												<li><i class="fa fa-star" aria-hidden="true"></i></li>
												<li><i class="fa fa-star" aria-hidden="true"></i></li>
												@endif
											</ul>


											</div>
											<div class="clearfix"></div>
										</div>
											
									</div>
									@if($ft->is_new == 1)
							 	     <div class="ribben two">
										<p>new</p>
									</div>	
									@endif
									</div>
								  @endforeach
									<!-- 以上为一部片子的内容 -->










								<div class="clearfix"> </div>
								</div>
								</div>
						</div>
				<!--//browse-agile-w3ls 以下为分页展示-->
				
						<div class="blog-pagenat-wthree">
						{!!$getarea->render()!!}
					<!-- 		<ul>
								<li><a class="frist" href="#">Prev</a></li>
								<li><a href="#">1</a></li>
								<li><a href="#">2</a></li>
								<li><a href="#">3</a></li>
								<li><a href="#">4</a></li>
								<li><a href="#">5</a></li>
								<li><a class="last" href="#">Next</a></li>
							</ul> -->
						</div>
					</div>
				<!-- //movie-browse-agile -->
				<!--body wrapper start-->
					<div class="review-slider">
						 <h4 class="latest-text">您可能还会喜欢以下影片</h4>
						       <div class="container">
						 		<div class="w3_agile_banner_bottom_grid">
									<div id="owl-demo" class="owl-carousel owl-theme">
										
								<!-- 以下为轮播浏览图片 -->
								@foreach($endm as $e)
										<div class="item">
											<div class="w3l-movie-gride-agile w3l-movie-gride-agile1">
												<a href="{{url('Home/news-single',$e->fid)}}" class="hvr-shutter-out-horizontal"><img src="/{{$e->org_img}}" title="album-name" class="img-responsive" alt=" " />
													<div class="w3l-action-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></div>
												</a>
												<div class="mid-1 agileits_w3layouts_mid_1_home">
													<div class="w3l-movie-text">
														<h6><a href="{{url('Home/news-single',$e->fid)}}">{{$e->title}}</a></h6>							
													</div>
													<div class="mid-2 agile_mid_2_home">
														<p>{{$e->period}}</p>
														<div class="block-stars">
															<ul class="w3l-ratings">
																<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
																<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
																<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
																<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
																<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>
															</ul>
														</div>
														<div class="clearfix"></div>
													</div>
												</div>
												<div class="ribben">
													<p>NEW</p>
												</div>
											</div>
										</div>
										@endforeach
										<!-- 以上为轮播浏览影片  -->


									</div>
								</div>
						<!--body wrapper end-->
					</div>	
			</div>	
		</div>
	<!-- //w3l-medile-movies-grids -->
	</div>
	<!-- //comedy-w3l-agileits -->
<!-- footer -->
@include('Home/footer');
<!-- //footer -->
<!-- Bootstrap Core JavaScript -->
<script src="/Home/js/bootstrap.min.js"></script>
<script>
$(document).ready(function(){
    $(".dropdown").hover(            
        function() {
            $('.dropdown-menu', this).stop( true, true ).slideDown("fast");
            $(this).toggleClass('open');        
        },
        function() {
            $('.dropdown-menu', this).stop( true, true ).slideUp("fast");
            $(this).toggleClass('open');       
        }
    );
});



</script>
<!-- //Bootstrap Core JavaScript -->
<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
<!-- //here ends scrolling icon -->
</body>
</html>